<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" >
    <title>历史记录</title>
    <meta charset="utf-8">
    <link href="__CSS__/bootstrap.min.css" rel="stylesheet">

    <link href="__CSS__/Login.css" rel="stylesheet">
    <script src="__JS__/jquery-1.3.2.js" type="text/javascript"></script>
    <script src="__JS__/jquery.min.js"></script>
    <script src="__JS__/bootstrap.min.js"></script>
</head>

<style type="text/css">
    .inputys{background-color:rgba(255,255,255,0); height:40px;outline: none; border:0px; color:#fff;width:100%;}
    a {
        color: #808bab;
        text-decoration: none;
    }
    #page a {
        text-decoration:none;
    }
    .col-xs-4 {
        width: 35.33333333%;
    }
    @media only screen and (max-width: 321px){
        .t1{
            font-size: 14px;
        }
    }
    .container{
        margin-top: 1rem;
    }

    .flex_t1{
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #dedede;
        padding:1rem .5rem;
        font-weight: bold;
        border:1px solid #F1F3F4;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    .flex_t2{width: 100%;}
    .flex_t2 div{
        display: inline-block;
        width: 42%;
        border-bottom: 1px solid #F1F3F4;
        padding-bottom: 1rem;
    }
    .flex_t2 div:first-child{
        padding:1rem  0 1rem 1rem;
        border-left: 1px solid #F1F3F4;
    }
    .flex_t2 div:nth-child(2){
        display: inline-block;
        width: 25%;
    }
    .flex_t2 div:last-child{
        display: inline-block;
        text-align: right;
        border-right: 1px solid #F1F3F4;
        padding: 1rem 1rem  1rem 0;
        width: 30%;
    }
    @media only screen and (max-width: 320px){
        .flex_t2 div:last-child{
            width: 29.5%;
        }
    }
</style>

<body style="padding-top: 38px">
<div class="title1" style="border-bottom: 2px solid #F1F3F4;margin-top: 38px">

    <div class=" col-xs-4" style="text-align:left;width: 0;">
        <a href="{:U('Account/withdraw')}" style="color:#333;">
            <!--                <span class="glyphicon glyphicon-menu-left" aria-hidden="true" style="color: #fff"></span>-->
            <img src="__IMG__/ex/back_black.png" alt="" width="10rem">
        </a>
    </div>
    <div class=" col-xs-4" style="text-align: left;width: 40%;color: #000;font-size: 1.8rem;line-height: 3rem">转账记录</div>
    <div class=" col-xs-4"></div>

</div>

<div class="container-fluid">

    <div class="row" style=" padding-top:46px;">

        <div class="span14">

            <div class="tabbable" id="tabs-984960">
                <ul class="nav nav-tabs" style=" background-color:#FFF">
                    <li class="active" style=" width:33%; text-align:center;  font-size:16px;" id="type1" data-val="#panel-216115">
                        <!--<a href="#panel-216115" data-toggle="tab">充币记录</a>-->
                        <!--<a href="{:U('Finance/history',['type'=>1])}">闪兑记录</a>-->
                    </li>
                    <!--            <li style=" width:33%; text-align:center;  font-size:16px;"  id="type2" data-val="#panel-416115">-->
                    <!--                &lt;!&ndash;<a href="#panel-416115" data-toggle="tab">转账记录</a>&ndash;&gt;-->
                    <!--                <a href="{:U('Finance/history',['type'=>2])}" >存币记录</a>-->
                    <!--            </li>-->
                    <!--            <li  style=" width:33%; text-align:center; font-size:16px;"  id="type3" data-val="#panel-614805">-->
                    <!--                &lt;!&ndash;<a href="#panel-614805" data-toggle="tab">提币记录</a>&ndash;&gt;-->
                    <!--                <a href="{:U('Finance/history',['type'=>3])}">奖金记录</a>-->
                    <!--            </li>-->

                </ul>
                <div class="tab-content">
                    <!--  提币记录开始    -->
                    <volist name="data" id="vo" empty="">
                    <div id="panel-614806">
                         <div class="container">
                                <div class="flex_t1">
                                    <div>
                                        <if condition="$vo.type eq 2">
                                            DACM
                                            <elseif condition="$vo.type eq 8"/>
                                            USDT
                                        </if>
                                    </div>
                                    <div>{$vo.tips}</div>
                                </div>

                                <div class="flex_t2">
                                    <div>数量</div>
                                    <div>状态</div>
                                    <div>时间</div>
                                </div>

                                <div class="flex_t2">
                                    <div> {$vo.amount}</div>
                                    <div>已完成</div>
                                    <div>{$vo.create_time|date='H:i m/d',###}</div>
                                </div>
                         </div>
                      
                    </div>
                    </volist>
                    <!--  提币记录结束    -->

                </div>
            </div>
        </div>
    </div>
</div>

<!--
 <if condition="$vo.type eq 2">
                                                    DACM
                                                    <elseif condition="$vo.type eq 8"/>
                                                    USDT
                                                </if>

                                                <div style="color:#777777f7; font-size:14px;">{$vo.tips}</div>

                                                  <div class="t3">{$vo.create_time|date='Y-m-d H:i:s',###}</div>

                                                   <div style=" float:right; padding-right:15px; text-align:right; color:#333; padding-top:15PX;">
                                        {$vo.amount}
                                    </div>

                                       <ul class="pages" id="page4">{$page4}</ul>
-->

</body>
</html>
<script>
    $(function () {
        let  type={$type};
        let val="#type"+type;
        $(".nav li").removeClass('active');
        $(val).addClass('active');
        var info=$(val).attr('data-val');
        $(".tab-pane").removeClass('active');
        $(info).addClass("active");
        // if(type===2){
        //     $(".nav li").removeClass('active');
        //     $()
        //     alert(2222);
        // }
    });
</script>
